@tailwind base;
@tailwind components;
@tailwind utilities;

h2.title {
  @apply text-2xl md:text-4xl p-4 md:p-16 text-center tracking-widest;
}

h3.title {
  @apply text-2xl tracking-widest;
}

span.tag {
  @apply px-2 py-1 rounded text-sm;
  background: var(--theme);
}

.project section {
  min-height: 100vh;
}

.project .wrap {
  @apply mx-auto flex flex-col items-center md:items-start;
}

.project .info {
  @apply w-full md:w-3/5 xl:w-1/2 px-8 py-8 md:py-32 text-white;
}
